<!DOCTYPE html>
<html lang="zh" style="height: 100%;"><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <title>朋友圈文案生成器</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/mdui/0.4.2/css/mdui.min.css">
    <link rel="stylesheet" href="https://gcunetworkcenter.gitee.io/self-cdn/cdn/dropload/v0.9.1/css/dropload.min.css">
<style id="__WXWORK_INNER_SCROLLBAR_CSS">::-webkit-scrollbar { width: 12px !important; height: 12px !important; }::-webkit-scrollbar-track:vertical {  }::-webkit-scrollbar-thumb:vertical { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } :-webkit-scrollbar-track:horizontal {  }::-webkit-scrollbar-thumb:horizontal { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-resizer { display: none !important; }
.mdui-card  h1{
   margin: auto;
   position: relative;
   top: 80px;
   left: 60px;
   margin: inherit;
   margin-bottom: auto;
}
</style></head>
<body class="mdui-theme-layout-dark mdui-theme-primary-indigo mdui-theme-accent-light-blue mdui-appbar-with-toolbar mdui-loaded" style="height: 100%;">
<div class="mdui-appbar mdui-appbar-fixed mdui-appbar-scroll-hide mdui-headroom">
    <div class="mdui-toolbar mdui-color-theme">
        <button class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#drawer'}"><i class="mdui-icon material-icons">menu</i>
        </button>
        <span class="mdui-typo-title">朋友圈文案生成器</span>
       
        <button onclick="change_style()" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i>
            <i class="mdui-icon material-icons">favorite</i>
            <button onclick="next1()" class="mdui-btn mdui-ripple mdui-color-pink">爱情</button>
            <i class="mdui-icon material-icons">brightness_7</i>
            <button onclick="next()" class="mdui-btn mdui-ripple mdui-color-yellow ">日常</button>
            <i class="mdui-icon material-icons">directions_bike</i>
            <button onclick="next()" class="mdui-btn mdui-ripple mdui-color-green ">游玩</button>
            <div class="mdui-toolbar-spacer"></div>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
        <button onclick="change_style()" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe3a8;</i>
        </button>
    </div>
</div>
<div class="mdui-container mdui-m-t-5" style="height:100%;">
    <div class="mdui-card" style="height: 75%;">
        <div style="height: 70%;" class="mdui-card-content">
            <h1 id="fillbox">不想做好人，也不想做坏人，只想做你的心上人。</h1>
            
            
        </div>
        <!-- 卡片的按钮 -->
        <body class="mdui-theme-primary-indigo mdui-theme-accent-pink">
        <div class="mdui-card-actions">
            <!--            <button class="mdui-btn mdui-ripple">action 1</button>-->
            <button onclick="next()" class="mdui-btn mdui-ripple  mdui-float-right">下一条</button>
        </div>
    </div></body>
</div>
<script src="https://cdn.bootcss.com/mdui/0.4.2/js/mdui.min.js"></script>
<script src="https://gcunetworkcenter.gitee.io/self-cdn/cdn/jquery/v1.11.0/js/jquery.min.js"></script>
<script src="https://gcunetworkcenter.gitee.io/self-cdn/cdn/dropload/v0.9.1/js/dropload.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
<script type="text/javascript">
    var $$ = mdui.JQ;
    function change_style() {
        $$('body').toggleClass('mdui-theme-layout-dark');
    }
    function check_time() {
        var myDate = new Date();
        var hour = myDate.getHours();
        if (hour > 6 && hour < 22) {
            change_style();
        }
    }
    $$(check_time());
    var jokelist = [];
   function load() {
            $.ajax({
            type:'GET',
            url:'https://1617350013050458.cn-shenzhen.fc.aliyuncs.com/2016-08-15/proxy/API-LIST/pyq/',
            success: function (data) {
                console.log(data);
                $("#fillbox").html(data);
            }
        });
        } 
        function next(){
            load();
    }
      
    
        
        
    
  
    

    
</script>

</body></html>